.erji{
    line-height: 30px;
    background: #0DA4D3;
    display: none;
}
.erji li{
    width: 100% !important;
    height: 60px !important;
    background: rgba(13,164,211, .7) !important;
    color: white;
}
.erji li:hover{
    background: #0DA4D3 !important;
}
.erji li a{
    color: white !important;
    line-height: 60px;
    font-size: 14px !important;
    overflow: hidden;
    position: static !important;
}


#scroll_one{height:272px;width:90%;position:relative;overflow: hidden;margin:0 auto;padding:50px 0 0;}
#scroll_one ul{width:100000px;position:absolute;left:0;}
#scroll_one ul li{float: left;text-align: center;margin-right:36px;}
#scroll_one ul li img{display: inline-block;width:200px;height:200px;border:8px solid #fff;border-radius:50%;box-shadow:0 0 10px #ccc;}
#scroll_one ul li strong{font-weight:100;display:block;color:#fff;margin-top:20px;width:70%;height:36px;line-height:36px;background-color: rgba(0, 102, 216, 0.8);border-radius:120px;margin: 10px auto;}
#scroll_one ul li:hover img{border-color:#10A4D3;}
#scroll_one ul li:hover strong{background-color: rgba(16,164,211, 0.8);}


.section2{background:url(../images/02.jpg) no-repeat center center;background-size:cover;}
.section2{position:relative;overflow:hidden;height: 800px;}
.section2 .sygs{position:relative;z-index: 2;margin: 150px auto;}
.section2 .sygs .sygswz{text-align:center;color:#000;line-height:200%;width:50%;margin: auto;}
.section2 .sygs .sygswz h3{margin-bottom:10px;font-weight:bold;color:#fff;font-weight:400;}
.section2 .sygs .sygswz h3 em{display:block;text-transform:uppercase;margin-bottom:10px;font-weight:700;}
.section2 .sygs .sygswz p{color: #fff;line-height: 30px;}
.section2 .sygs .sygswz ul{overflow:hidden;}
.section2 .sygs .sygswz ul li{margin-top:30px;float:left;width:33.33333333%;text-align:center;}
.section2 .sygs .sygswz ul li a>div{display: inline-block;height: 57px;vertical-align: middle;}
.section2 .sygs .sygswz ul li a>div:nth-child(1){border: 1px solid rgba(255,255,255,.5);border-radius: 5px;height: 75px;width:  75px;position: relative;margin-right: 15px;transition: .5s;}
.section2 .sygs .sygswz ul li a>div:nth-child(1) img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 9;}
.section2 .sygs .sygswz ul li a>div:nth-child(1)::after{content: "";width: 100%;display: block;height: 0;background: #00a0e9;position: absolute;bottom: 0;left: 0;z-index: 8;transition: .5s;}
.section2 .sygs .sygswz ul li:hover a>div:nth-child(1){border: 1px solid #00a0e9;}
.section2 .sygs .sygswz ul li a:hover>div span, .section2 .sygs .sygswz ul li a:hover>div b{color: #00a0e9;}
.section2 .sygs .sygswz ul li:hover a>div:nth-child(1)::after{height: 100%;}
.section2 .sygs .sygswz ul li span{text-align: left;display: block;color:#fff;transition: .5s;}
.section2 .sygs .sygswz ul li b{display:block;text-align:left;font-weight: 300;color:#fff;transition: .5s;}
.section2>img{position: absolute;left: 0;right: 0;bottom:-70%;margin: auto;animation: rotate 30s linear 0s infinite;z-index: 1;width: 54%;}
.f_48 {
    font-size: 48px;
}
.tableCell {
    width: 100%;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.dede_pages{clear:both!important;padding:10px 0;margin:10px auto;text-align:center}
.dede_pages ul{list-style:none;text-align:center;padding:0;margin:0}
.dede_pages ul li{list-style:none;display:inline-block;height:30px;line-height:30px;padding:0 7px;margin:0 2px;text-align:center;overflow:hidden;white-space:nowrap;border:#999 1px solid;border-radius:3px}
.dede_pages ul li:hover{background:#0EA4D3;color:#fff;border-radius:3px}
.dede_pages ul li a{display:inline-block;height:30px;line-height:30px;padding:0 7px;margin:0;color:#555;overflow:hidden}
.dede_pages ul li a:hover{color:#fff;overflow:hidden;text-decoration:none}
.dede_pages ul li.thisclass{padding:0 12px;background:#0EA4D3;border:#0EA4D3 1px solid;color:#fff;font-weight:700}
.dede_pages ul li.thisclass a{padding:0;color:#fff}


#m-menu{
    display: none;
}
#m-logo{
    display: none;
}

/* ---------------------------------------------------------------- */
@media screen and (max-width: 700px) {
    .erji {
        display: none;
        background: none;
    }
    #pc-menu{
        display: none;
    }
    #m-menu{
        display: block;
    }
    .tabbox h3 strong{
        text-align: center;
    }
    .tabbox .tab .item h3{
        padding: 10px 0 10px 0;
    }
    #m-logo{
        display: block;
    }
    #pc-logo{
        display: none;
    }
}